.container {
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100%;
	overflow-y: auto;
	background: #F3F3F3;
	padding-bottom: 50rpx;
	.mt-scroll {
		height: calc(100vh - 50rpx);
	}
	.empty-wrap {
	  display: flex;
	  flex-direction: column;
	  padding: 80rpx 0 100rpx;
	  align-items: center;
	  .empty-img {
	    width: 415rpx;
	    height: 415rpx;
	  }
	
	  .tips {
	    font-size: 30rpx;
	    color: #999;
	  }
	}
	.content {
		margin-top: 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 30rpx;
		.date {
			color: #9E9E9E;
			font-size: 24rpx;
		}
		.detail-item {
			width: 100%;
			margin-top: 8rpx;
			color: #333;
			background: #FFF;
			padding: 36rpx 40rpx 30rpx 40rpx;
			border-radius: 6rpx;
			.title {
				font-size: 36rpx;
				font-weight: bold;
			}
			.item-content {
				margin-top: 15rpx;
				font-size: 26rpx;
				color: #787878;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				overflow: hidden;
			}
			.item-logo {
				margin-top: 13rpx;
				display: flex;
				align-items: center;
				image {
					width: 34rpx;
					height: 34rpx;
				}
				text {
					margin-left: 9rpx;
					font-size: 24rpx;
					color: #B2B2B2;
				}
			}
		}
		.view-detail {
			font-size: 24rpx;
			height: 86rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #5996E5;
			width: 100%;
			background: #FFF;
		}
	}
}